<!DOCTYPE html>
<html>
<head>
    <title>督察记录</title>
    <#include "/header.html">
        <link href="${request.contextPath}/statics/plugins/index/resources/css/jquery-ui-themes.css" type="text/css"
              rel="stylesheet"/>
        <link href="${request.contextPath}/statics/plugins/index/resources/css/axure_rp_page.css" type="text/css"
              rel="stylesheet"/>
        <link href="${request.contextPath}/statics/plugins/index/data/styles.css" type="text/css" rel="stylesheet"/>
        <!--<link href="${request.contextPath}/statics/plugins/index/files/index/styles.css" type="text/css" rel="stylesheet"/>-->
        <link href="${request.contextPath}/statics/plugins/index/files/index/styles_1.css" type="text/css" rel="stylesheet"/>
    <link href="${request.contextPath}/statics/css/index/details.css" type="text/css" rel="stylesheet" />
    <link href="${request.contextPath}/statics/plugins/piczoom/skin.css" type="text/css" rel="stylesheet"/>
    <script src="${request.contextPath}/statics/plugins/piczoom/vue-photo-preview.js" type="text/javascript" charset="utf-8"></script>
        </head>
<body>
<!--<div id="rrapp" v-cloak>-->

<!--</div>-->
<div id="sqapp">
    <input id="id" type="hidden" value="${id!''}" />
    <input id="roleId" type="hidden" value="${roleId!''}" />
    <input id="dqDwId" type="hidden" value="${dqDwId!''}" />
    <input id="rootPath" type="hidden" value="${request.contextPath}" />
    <div class="tbListMain">
        <div class="dtContent" v-for="item in questionModifyData">
            <div class="dtEdit">
                <div>
                    <div class="dtDivPadding">{{item.questionDescription}}</div>
                    <div class="littleTitle">{{dcfsMap[item.dcfs]}}&nbsp;&nbsp; {{item.dcTime}}&nbsp;&nbsp; {{modifyStatusMap[item.modifyStatus]}}</div>
                </div>
                <div class="dtDivMainPadding">
                    <div class="dtDivPadding" style="font-size:18px;color:#000000 ">督察结果</div>
                    <div class="dtDivPadding"><span class="dtSpanLine"></span></div>
                    <div class="dtDivPadding">
                        <ul class="detailDcxq">
                            <li class="dwicon"><div>督察单位：</div><div>{{item.v2}}</div></li>
                            <li class="dwicon"><div>被督察单位：</div><div>{{item.toDcdw}}</div></li>
                            <li class="ryicon"><div>督察人员：</div><div class="dtDetailRemark">{{item.v3}}</div></li>
                            <li v-if="item.toDcry != '' && item.toDcry != null" class="ryicon"><div class="dtDetailRemark">被督察民警：</div><div>{{item.toDcry}}</div></li>
                            <li class="timeicon"><div>督察时间：</div><div>{{item.dcTime}}</div></li>
                            <li class="qkicon"><div>情况说明：</div><div class="dtDetailRemark">{{item.qksm}}</div></li>
                            <li class="zpicon"><div>现场照片：</div>
                                <div v-for="(image, index) in item.imageList" class="dtImg">
                                    <img class="img " :src="image.picUrl" style="width: 60px;height: 50px" preview="1"/>
                                </div>
                            </li>
                            <li class="zpicon" v-if="item.videoImage != '' && item.videoImage != null"><div>现场录像：</div>
                                <div class="dtImg">
                                    <img class="img " @click="playVideo(item.videoImage)" src="${request.contextPath}/statics/css/index/images/video_play.jpg">
                                </div>
                            </li>
                            <li class="zgicon"><div>整改类型：</div>
                                <span class="spanFize" v-if="item.zglx == '0'">现场纠正</span>
                                <span class="spanFize" v-if="item.zglx == '2'">无需整改</span>
                                <span class="spanFize" v-if="item.zglx == '1'">限时整改</span> &nbsp;<span style="color:red">{{item.zgjzrq}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div v-if="item.modifyStatus == 0 && roleId == 1" @click="checkQuestion(2, item.id, item.dcRecordId, '', item.questionDescription)" class="btnBlue">整改</div>
                <div v-if="item.modifyStatus == 2" class="dtDivMainPadding">
                    <div class="dtDivPadding" style="font-size:18px;color:#000000 ">整改结果</div>
                    <div class="dtDivPadding"><span class="dtSpanLine"></span></div>
                    <div class="dtDivPadding">
                        <ul class="detailDcxq">
                            <li class="dwicon"><div>反馈单位：</div><div>{{item.fkdw}}</div></li>
                            <li class="ryicon"><div>反馈人：</div><div class="dtDetailRemark">{{item.fkry}}</div></li>
                            <li class="timeicon"><div>反馈时间：</div><div>{{item.fksj}}</div></li>
                            <li class="qkicon"><div >反馈说明：</div><div class="dtDetailRemark">{{item.zgfknr}}</div></li>
                            <li class="zpicon"><div>反馈照片：</div>
                                <div v-for="(image, index) in item.fkImageList" class="dtImg">
                                    <img class="img " :src="image.picUrl" style="width: 60px;height: 50px" preview="1"/>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div v-if="item.checkStatus == 0 && ((item.gxdwId == item.v1 && item.v1 != item.v4)  || (item.v1 == item.v4 && dqDwId == item.v1))" @click="checkQuestion(1, item.id, item.dcRecordId, item.modifyId, item.questionDescription)" class="btnBlue">审核</div>
                <div v-if="item.checkStatus == 1" class="dtDivMainPadding">
                    <div class="dtDivPadding" style="font-size:18px;color:#000000 ">审核结果</div>
                    <div class="dtDivPadding"><span class="dtSpanLine"></span></div>
                    <div class="dtDivPadding">
                        <ul class="detailDcxq">
                            <li class="dwicon"><div>审核单位：</div><div>{{item.fkshrdw}}</div></li>
                            <li class="ryicon"><div>审核人：</div><div class="dtDetailRemark">{{item.fkshr}}</div></li>
                            <li class="timeicon"><div>审核时间：</div><div>{{item.fkshsj}}</div></li>
                            <li class="qkicon">
                                <div>审核结果：</div>
                                <span class="spanFize" v-if="item.checkResult === '0'">考核扣分  <span style="color:red">扣分：{{item.kffz}}分</span></span>
                                <span class="spanFize" v-if="item.checkResult === '1'">不予处理</span>
                                <span class="spanFize" v-if="item.checkResult === '2'">其他 <br><div class="dtDetailRemark">{{item.checkResultDetail}}</div></span>
                                
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/business/record/problemModifyDetails.js?_${.now?long}"></script>
</body>

</html>